/*网站主页左侧导航*/
.router-box {
    width: 170px;
    height: auto;
}
.nav-pills1 > li.active > a,
.nav-pills1 > li.active > a:hover,
.nav-pills1 > li.active > a:focus {
    color: #fff;
    background-color: #009A61;
    font-weight: 900;
}
.nav-pills1 > li > a:after,
.nav-pills1 > li > a:focus {
    color: #fff;
    background-color: #009A61;
    font-weight: 900;
}
.nav-pills1 > li > a{
    border-radius: 4px;
    color: #8D8D8D;
}
.nav-pills1 > li > a:hover{
    background-color: rgba(193, 238, 189, 0.67);
}
/*图标*/
.tb{
    width: 18px;
    height: 18px;
    padding-right: 5px;
}
/*横线*/
.hx{
    position: absolute;
    width: 95px;
    content: '';
    border-bottom: 1px solid #eee;
    margin-left: 5px;
    margin-top: 9px;
}
/* 轮播图指针样式 */
.carousel-indicators {
    position: absolute; //是否显示指针
    left: 50%;
    z-index: 15;
    width: 80%;
    padding-right: 10%;
    padding-top: 20px;
    margin-bottom: -17px;
    text-align: right; //设置指针位置
    list-style: none;
}
/* 长方形 指针 */
.carousel-indicators li {
    display: inline-block;
    width: 18px;
    height: 5px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff \9;
    /*background-color: rgba(0, 0, 0, 0);*/
    border: 1px solid grey;
    border-radius: 2px; // 设置形状
}
.carousel-indicators .active {
    width: 18px;
    height: 5px;
    margin: 1px; // 控制下滑幅度
    background-color: #fff;
    border: 1px solid white;  /*没有这边框，切换的时候指针不会变白 */
}
/* 文章类别 */
.feed-option{
    width: available;
    height: 31px;
}
.hx2{
    width: auto;
    border: 1px solid rgba(234, 233, 233, 0.99);
}
/* 全部博客长度 */
.news-list{
    width: auto;
    height: auto;
}
/* 主页单一博客长度 */
.news-item{
    margin-top: 25px;
    width: auto;
    height: 120px;
}

/* 文本字数限制 最多显示两行 */
.Mytitle{
    width: auto; /* 自动填充 */
    height: 40px;
    overflow: hidden; /* 隐藏超过的字 */
    text-overflow: ellipsis; /*限制必须参数 */
    display: -webkit-box; /*限制必须参数 */
    -webkit-line-clamp: 2; /* 第几行加省略号 */
    -webkit-box-orient: vertical; /*限制必须参数*/
    color: rgba(135, 135, 135, 0.79);
}
/* 网站主页文章赞＆作者 */
.pariseAuth{
    padding-top: 20px;
    width: auto;
    text-align: right;
    padding-right: 20px;
    height: 55px;
    font-weight: 600;
}
/* 个人博客主页面样式 */
.leftuserinfo{
    height: auto;
    background-color: white;
}
.leftuserinfo1{
    height: 230px;
    background: white;
}
/* 搜索框样式 */
.search-essay{
    margin-top: 8px;
    height: 40px;
    background: white;
}
.search-essay1{
    height: 60px;
    background: white;
}
.search{
    background-color: rgba(238, 238, 238, 0.87);
    margin-left: 1px;
    width: 300px;
    height: 40px;
    border-radius: 20px;
}
.search1{
    background-color: rgba(238, 238, 238, 0.87);
    margin-left: 58px;
    width: 380px;
    height: 40px;
    border-radius: 20px;
}
.search1 input[type="text"]{
    margin-left: 20px ;
    padding-left: 20px;
    width: 320px;
    background-color: rgba(238, 238, 238, 0.87);
    height: 40px;
    border: 0px solid rgba(238, 238, 238, 0.87); /*去掉原始边框 */
    outline: none; /* 去掉点击后出现的边框 */
}
.search-essay input[type="text"]{
    margin-left: 20px ;
    padding-left: 20px;
    width: 220px;
    background-color: rgba(238, 238, 238, 0.87);
    height: 40px;
    border: 0px solid rgba(238, 238, 238, 0.87); /*去掉原始边框 */
    outline: none; /* 去掉点击后出现的边框 */
}
.after-index{
    width: available;
    height: 70px;
}
.after-index1{
    width: 350px;
    height: 230px;
}
.after-index2{
    width: 380px;
    height: 70px;
}
/* 头像 */
.imagesuser{
    width:50px;
    height: 50px;
    margin-top: 10px;
    margin-left: 10px;
}
.imagesuser1{
    width:120px;
    height: 120px;
    margin: 48px 0 0 67px;
}
.nickname{
    margin-left: 70px;
    padding-top: 15px;
    width: auto;
    height: 20px;
    font-family: '微软雅黑', '黑体', serif, '宋体';
}
.nickname1{
    width: auto;
    height: 30px;
    padding-top: 52px;
    font-size: 20px;
    font-weight: 500;
    font-family: '微软雅黑', '黑体', serif, '宋体';
}
.after-index a{
    color: #0e0e0e;
}
.renzinfo{
    margin-left: 70px;
    padding-top: 18px;
    width: auto;
    height: 20px;
}
.renzinfo1{
    margin-left: 70px;
    padding-top: 44px;
    width: auto;
    height: 50px;
}
/* 日常信息  */
.infocount {
    padding-top: 10px;
}
.infocount1 {
    padding:48px 0px 0 354px ;
}
.blogtable{
    width: 300px;
    height: 50px;
    text-align: center;
}
.everyday-info{
    color: #7f8087
}
.hx3{
    position: absolute;
    width: 320px;
    border: 1px solid #eee;
    margin: 0px 0 0 10px;
}
.hx5{
    position: absolute;
    width: 290px;
    border: 1px solid #eee;
    margin: 47px 0 0 10px;
}
.hx6{
    position: absolute;
    width: 129px;
    content: '';
    border-bottom: 1px solid #eee;
    margin-left: 5px;
    margin-top: 9px;
}
.hx7{
    position: absolute;
    width: 145px;
    border: 1px solid #eee;
    margin: 0px 0 0 15px;
}
/* 个人博客右边文章信息 */
.bloginfo{
    height: auto;
    background: white;
}
/* 详细博客页面 */
.person-news-item{
    width: available;
    height: auto;
    background: white;
    margin: 0 25px 0 25px;
    padding-top: 1px;
    padding-bottom: 0px;
}
.newdate-classify{
    height: 70px;
    color: #7f8087;
    background: #f6f6fb;
}
.newdate-classify2 {
    margin-left: 50px;
    height: 30px;
}
.newdate-classify2 button{
    background-color: #f6f6fb;
    margin-top: 8px;
    padding: 0 0 0 0 ;
    /*height: 40px;*/
    border: 0px  ; /*去掉原始边框 */
    outline: none; /* 去掉点击后出现的边框 */
}

/*  点赞和评论 */
.zan-pl{
    width: available;
    height: 50px;
    color: #7f8087;
    background: #f2f6fa;
    /*background-color: #e5f1fd;*/
}
/* 定义高度和外边距 */
.zan-pl2{
    height: 50px;
    margin: 0 25px 0 25px;
}
.zan-pl2 button{
    background: #f2f6fa;
    border: 0px ;
    outline: none;
}
/* 评论区 */
.plq{
    height: auto;
    background: white;
    padding: 11px 0 11px 0;
}
.texttarea-pl{
    font-family: '微软雅黑', '黑体', serif, '宋体';
    font-size: 15px;
    width: 590px;
    height: 70px;
    margin: 5px 0 0 8px;
    outline: none; /* 隐藏文本框边框点击后颜色 */
    resize: none; /* 固定文本域大小 */
}
/* 通过focus伪类进行文本外边框颜色设置 */
.texttarea-pl:focus{
    border: 1px solid #d2d6d9;
    mso-border-shadow: #9ab6c6 0 0 100px;
}
.plguode{
    width: auto;
    padding: 10px 0 28px 40px;
}
.hx4{
    position: absolute;
    width: 600px;
    border: 1px solid #eee;
}
/* 个人简介 */
.person-brief{
    width: 360px;
    height: 180px;
    margin: 29px 45px 0 0;

}
textarea{
    resize: none;
}
/* 管理页面 */
.left-navigation{
    width: 165px;
}
.left-navigation ul{
    list-style: none;
}
.left-li {
    margin: 23px 0 10px 18px;
}
.left-navigation a{
    color: #0f0f0f;
    font-size: 16px;
    font-weight: 600;
}
.left-navigation a:hover {
    color: red;
}
